<html>
<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
<script type="text/javascript" src="/js/jquery-2.1.3.js"></script>
<script type="text/javascript" src="/js/jquery.form.js"></script>
<script type="text/javascript" src="/css/core.css"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>
<script>
    $(function () {
        $(".weui-navbar__item").click(function () {
            $(this).closest("div").children("a").removeClass("weui-bar__item--on");
            $(this).addClass("weui-bar__item--on");
            var tab = $("#"+$(this).data("tab"));
            $(".weui-tab__bd").children("div").removeClass("weui-tab__bd-item--active");
            tab.addClass("weui-tab__bd-item--active");
        });
    })


</script>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>蜂来采蜜超市</title>
</head>
<body>
<div class="weui-tab">
    <div class="weui-navbar">
        <a class="weui-navbar__item weui-bar__item--on" href="javascript:;" data-tab="tab1">
            食品
        </a>
        <a class="weui-navbar__item" href="javascript:;" data-tab="tab2">
            日用品
        </a>
    </div>
    <div class="weui-tab__bd">
        <div id="tab1" class="weui-tab__bd-item">
            <div class="weui-media-box__hd">
                <img class="weui-media-box__thumb image_size" src="/images/u=472084710,230200952&fm=27&gp=0.jpg">
            </div>
            <div class="weui-media-box__bd">
                <h4 class="weui-media-box__title">立体三角茶包 冰菊普洱</h4>
                <p class="weui-media-box__desc">5g*50泡</p>
                <p class="weui-media-box__desc price_desc">${username}</p>
            </div>

        </div>
        <div id="tab2" class="weui-tab__bd-item">
            <h1>页面二</h1>
        </div>
    </div>
</div>
</body>
</html>